﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TrailSmallTable.ascx.cs"
    Inherits="Imageo.TrailSmallTable" %>
<%@ Register Src="../controls/ImgZoomDlg.ascx" TagName="ZoomImg" TagPrefix="bintje" %>
<asp:Panel ID="pnlTrailsTableControl" runat="server" Width="100%" Height="100%" Style="text-align: left;
    vertical-align: middle; font: 14px/14px Arial, Helvetica, sans-serif;">
    <asp:ListView ID="ListView1" Visible="false" runat="server" GroupItemCount="1" OnPagePropertiesChanged="ListView1_PagePropertiesChanged">
        <EmptyDataTemplate>
            <table runat="server" width="100%">
                <tr>
                    <td>
                        <div style="width: 100%; height: 400px; vertical-align: middle;" align="center">
                            <div class="detailBoxes" style="width: 200px; height: 40px;">
                                <span class="ErrorMessage">No trails were found</span></div>
                        </div>
                    </td>
                </tr>
            </table>
        </EmptyDataTemplate>
        <LayoutTemplate>
            <table id="tblLayout" runat="server" width="100%" class="tblSmallList">
                <tr runat="server">
                    <td runat="server">
                        <table id="groupPlaceholderContainer" width="100%" runat="server" class="tblSmallList">
                            <tr id="groupPlaceholder" runat="server">
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr id="rowPager" runat="server">
                    <td runat="server" style="text-align: center; background-color: #DDDDDD; font-family: Verdana, Arial, Helvetica, sans-serif;">
                        <asp:DataPager ID="DataPager1" runat="server" PageSize="3">
                            <Fields>
                                <%-- 
                                <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                                <asp:NumericPagerField />
                                <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                                --%>
                            </Fields>
                        </asp:DataPager>
                    </td>
                </tr>
            </table>
        </LayoutTemplate>
        <EmptyItemTemplate>
            <td runat="server" />
        </EmptyItemTemplate>
        <ItemTemplate>
            <td runat="server" align="center">
                <table style="width: 370px;" class="tblSmallList">
                    <tr valign="top" style="height: 100px;">
                        <td>
                            <bintje:ZoomImg runat="server" ID="zimgPicture" Width="150" Height="85" ProUserId='<%# Eval("ProUserId") %>' ImageUrl='<%# Eval("ImageUrl") %>'
                                OpenTrailUrl='<%# Eval("OpenTrailUrl") %>' SearchSimilarTrailUrl='<%# Eval("SearchSimilarTrailUrl") %>'
                                SearchSimilarImageUrl='<%# Eval("SearchSimilarImageUrl") %>' Title='<%# Eval("Title") %>'
                                TextSize="10" />
                        </td>
                        <td style="width: 100%; text-align: left;">
                            <a href="../ui/TrailDetails.aspx<%# Eval("OpenTrailUrl") %>" class="blueSmallTitle"
                                style="color: Gray; font-size: 14px;">
                                <%# Eval("Title") %>
                            </a>
                            <br />
                            <span class="blueSmallTitle" style="font-size: 10px;">(visits:
                                <%# Eval("Visits") %>)</span>
                            <span class="blueSmallTitle" style="font-size: 10px;">
                                <%# Eval("AddedBy") %>
                                [<%# Eval("AddedOn") %>]</span>
                            <div style="height: 60px; overflow: hidden; font-size: 11px;">
                                <%# Eval("Description") %>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </ItemTemplate>
        <GroupTemplate>
            <tr id="itemPlaceholderContainer" runat="server">
                <td id="itemPlaceholder" runat="server">
                </td>
            </tr>
        </GroupTemplate>
    </asp:ListView>
        <a id="lnkShowMore" runat="server" href="" class="blueSmallTitle" style="font-size: 13px;">
            Show more...</a>
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetTrailData"
        TypeName="Imageo.TrailTable"></asp:ObjectDataSource>
</asp:Panel>
